@import "@/theme/index.less";

.page-query {
  .level-list {
    font-size: 0;

    .level-item {
      display: inline-block;
      width: 57rem;
      height: 24rem;
      font-size: 14rem;
      vertical-align: top;
      color: rgba(255, 255, 255, 0.6);
      border: 1rem solid rgba(255, 255, 255, 0.2);
      text-align: center;
      margin-right: 12rem;
      cursor: pointer;

      &.active {
        background-color: rgba(50, 197, 255, 0.2);
        border-color: @primary;
        font-weight: 500;
        color: #fff;
      }

      &:last-child {
        margin-right: 0;
      }
    }
  }
}
